<?php if (!defined('THINK_PATH')) exit();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title><?php echo ($_page_title); ?></title>
    <link rel="stylesheet" href="/Public/Home/style/base.css" type="text/css">
    <link rel="stylesheet" href="/Public/Home/style/index.css" type="text/css">
    <link rel="stylesheet" href="/Public/Home/style/global.css" type="text/css">
    <link rel="stylesheet" href="/Public/Home/style/header.css" type="text/css">
    <link rel="stylesheet" href="/Public/Home/style/bottomnav.css" type="text/css" />
    <link rel="stylesheet" href="/Public/Home/style/footer.css" type="text/css" />
    <link rel="stylesheet" href="/Public/Home/style/goods.css" type="text/css">
    <link rel="stylesheet" href="/Public/Home/style/common.css" type="text/css">
    <script type="text/javascript" src="/Public/Home/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/Public/Home/js/header.js"></script>
</head>
<body>
<!-- 顶部导航 start -->
<div class="topnav">
    <div class="topnav_bd w1210 bc">
        <div class="topnav_left">

        </div>
        <div class="topnav_right fr">
            <ul>
                <li id="loginInfo"></li>
                <li class="line">|</li>
                <li><a href="<?php echo U('My/order');?>">我的订单</a></li>
                <li class="line">|</li>
                <li>客户服务</li>

            </ul>
        </div>
    </div>
</div>
<!-- 顶部导航 end -->
<!-- -->
<?php if($_show_nav==1): ?>
   <div style="clear:both;"></div>
<!-- 头部 start -->
<div class="header w1210 bc mt15">
    <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
    <div class="logo w1210">
        <h1 class="fl"><a href="<?php echo U('Index/index');?>"><img src="/Public/Home/images/logo.png" alt="京西商城"></a></h1>
        <!-- 头部搜索 start -->
        <div class="search fl">
            <div class="search_form">
                <div class="form_left fl"></div>
                <form  name="search" method="get" class="fl">
                    <input id="key" name="key" type="text" class="txt"
                           value="<?php echo I('get.key','请输入商品关键字')?>"/>
                    <input onclick="location.href='<?php echo U('Search/key_search', '',FALSE); ?>/key/'+$('#key').val();" type="button" class="btn" value="搜索" />
                </form>
                <div class="form_right fl"></div>
            </div>

            <div style="clear:both;"></div>

            <div class="hot_search">
                <strong>热门搜索:</strong>
                <a href="">D-Link无线路由</a>
                <a href="">休闲男鞋</a>
                <a href="">TCL空调</a>
                <a href="">耐克篮球鞋</a>
            </div>
        </div>
        <!-- 头部搜索 end -->

        <!-- 用户中心 start-->
        <div class="user fl">
            <dl>
                <dt>
                    <em></em>
                    <a href="">用户中心</a>
                    <b></b>
                </dt>
                <dd>
                    <div class="prompt">
                        您好，请<a href="">登录</a>
                    </div>
                    <div class="uclist mt10">
                        <ul class="list1 fl">
                            <li><a href="">用户信息></a></li>
                            <li><a href="">我的订单></a></li>
                            <li><a href="">收货地址></a></li>
                            <li><a href="">我的收藏></a></li>
                        </ul>

                        <ul class="fl">
                            <li><a href="">我的留言></a></li>
                            <li><a href="">我的红包></a></li>
                            <li><a href="">我的评论></a></li>
                            <li><a href="">资金管理></a></li>
                        </ul>

                    </div>
                    <div style="clear:both;"></div>
                    <div class="viewlist mt10">
                        <h3>最近浏览的商品：</h3>
                        <ul id="navhistory">
                        </ul>
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 用户中心 end-->

        <!-- 购物车 start -->
        <div class="cart fl" >
            <dl>
                <dt>
                    <a  id="cart_list" href="<?php echo U('Cart/lst');?>">去购物车结算</a>
                </dt>
                <dd>
                    <div class="prompt" id="cart_div_list">
                        <img href="#" src ="/Public/Home/images/loading.gif"/>
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 购物车 end -->
    </div>
    <!-- 头部上半部分 end -->

    <div style="clear:both;"></div>

    <!-- 导航条部分 start -->
    <div class="nav w1210 bc mt10">
        <!--  商品分类部分 start-->
        <div class="category fl <?php if($_show_nav==0) echo 'cat1'?>" >
            <div class="cat_hd <?php if($_show_nav==0) echo 'off'?>">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，鼠标滑过时展开菜单则将off类换成on类 -->
                <h2>全部商品分类</h2>
                <em></em>
            </div>

            <div class="cat_bd <?php if($_show_nav==0) echo 'none'?>" >
                <?php foreach($catData as $k => $v):?>
                <div class="cat <?php if($_show_nav==0) echo 'item1'?>">
                    <h3><a href="<?php echo U('Search/cat_search?cat_id='.$v['id'],'',FALSE)?>"><?php echo $v['cate_name']?></a> <b></b></h3>
                    <div class="cat_detail none">
                        <?php foreach($v['children'] as $k1 => $v1):?>
                        <dl <?php if($k1 ==0 ) echo 'class =dl_lst'?>>
                            <dt><a href="<?php echo U('Search/cat_search?cat_id='.$v1['id'],'',FALSE)?>"><?php echo $v1['cate_name']?></a></dt>
                            <dd>
                               <?php foreach($v1['children'] as $k2 => $v2):?>
                            <a href="<?php echo U('Search/cat_search?cat_id='.$v2['id'],'',FALSE)?>"><?php echo $v2['cate_name']?></a>
                                <?php endforeach?>
                            </dd>
                        </dl>
                        <?php endforeach?>
                    </div>
                </div>
                <?php endforeach?>
            </div>
        </div>
        <!--  商品分类部分 end-->

        <div class="navitems fl">
            <ul class="fl">
                <li class="current"><a href="">首页</a></li>
                <li><a href="">电脑频道</a></li>
                <li><a href="">家用电器</a></li>
                <li><a href="">品牌大全</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">积分商城</a></li>
                <li><a href="">夺宝奇兵</a></li>
            </ul>
            <div class="right_corner fl"></div>
        </div>
    </div>
    <!-- 导航条部分 end -->
</div>
<!-- 头部 end-->
<div style="clear:both;"></div>
<script>
    <?php $ic=C('IMAGE_CONFIG');?>
    var picView ="<?php echo $ic['viewPath']?>";
    $("#cart_list").mouseover(function () {
        $.ajax({
            type:'GET',
            url:"<?php echo U('Cart/ajaxCartList')?>",
            dataType:'json',
            success:function (data) {
                var html ="<table style='background-color: ivory'>";
                $(data).each(function (k,v) {
                    html +="<tr>";
                    html +='<td style="width: 100px"><img href="#" width="50" src="'+picView+v.mid_logo+'" /></td>';
                    html +='<td>'+v.goods_name+'</td>';
                    html +='</tr>'
                });
                html +='<table>';
                $('#cart_div_list').html(html);
            }
        })
    });

    <?php $config =C('IMAGE_CONFIG')?>
    var viewPath ='<?php echo $config['viewPath']?>';
    $.ajax({
        type: 'GET',
        url: "<?php echo U('Index/displayHistory?id='.$info['id'])?>",
        dataType: 'json',
        success:function (data) {
            var html = "";
            $(data).each(function (k,v) {
                html +='<li><a href="<?php echo U('Index/goods','',FALSE); ?>/id/'+v.id+'"><img src=" '+viewPath+v.mid_logo+'"/></a>' +
                '<a href="<?php echo U('Index/goods','',FALSE);?>/id/'+v.id +'">'+v.goods_name+'</a></li>';
            });
            $("#navhistory").html(html);
        }
    });

    </script>
<?php endif;?>
<link rel="stylesheet" href="/Public/Home/style/jqzoom.css" type="text/css">
<script type="text/javascript" src="/Public/Home/js/goods.js"></script>
<script type="text/javascript" src="/Public/Home/js/jqzoom-core.js"></script>

<!-- jqzoom 效果 -->
<script type="text/javascript">
    $(function(){
        $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false,
            title:false,
            zoomWidth:400,
            zoomHeight:400
        });
    })
</script>
<div style="clear:both;"></div>
<!-- 头部 start -->
<div class="header w1210 bc mt15">
    <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
    <div class="logo w1210">
        <h1 class="fl"><a href="<?php echo U('Index/index');?>"><img src="/Public/Home/images/logo.png" alt="京西商城"></a></h1>
        <!-- 头部搜索 start -->
        <div class="search fl">
            <div class="search_form">
                <div class="form_left fl"></div>
                <form  name="search" method="get" class="fl">
                    <input id="key" name="key" type="text" class="txt"
                           value="<?php echo I('get.key','请输入商品关键字')?>"/>
                    <input onclick="location.href='<?php echo U('Search/key_search', '',FALSE); ?>/key/'+$('#key').val();" type="button" class="btn" value="搜索" />
                </form>
                <div class="form_right fl"></div>
            </div>

            <div style="clear:both;"></div>

            <div class="hot_search">
                <strong>热门搜索:</strong>
                <a href="">D-Link无线路由</a>
                <a href="">休闲男鞋</a>
                <a href="">TCL空调</a>
                <a href="">耐克篮球鞋</a>
            </div>
        </div>
        <!-- 头部搜索 end -->

        <!-- 用户中心 start-->
        <div class="user fl">
            <dl>
                <dt>
                    <em></em>
                    <a href="">用户中心</a>
                    <b></b>
                </dt>
                <dd>
                    <div class="prompt">
                        您好，请<a href="">登录</a>
                    </div>
                    <div class="uclist mt10">
                        <ul class="list1 fl">
                            <li><a href="">用户信息></a></li>
                            <li><a href="">我的订单></a></li>
                            <li><a href="">收货地址></a></li>
                            <li><a href="">我的收藏></a></li>
                        </ul>

                        <ul class="fl">
                            <li><a href="">我的留言></a></li>
                            <li><a href="">我的红包></a></li>
                            <li><a href="">我的评论></a></li>
                            <li><a href="">资金管理></a></li>
                        </ul>

                    </div>
                    <div style="clear:both;"></div>
                    <div class="viewlist mt10">
                        <h3>最近浏览的商品：</h3>
                        <ul id="navhistory">
                        </ul>
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 用户中心 end-->

        <!-- 购物车 start -->
        <div class="cart fl" >
            <dl>
                <dt>
                    <a  id="cart_list" href="<?php echo U('Cart/lst');?>">去购物车结算</a>
                </dt>
                <dd>
                    <div class="prompt" id="cart_div_list">
                        <img href="#" src ="/Public/Home/images/loading.gif"/>
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 购物车 end -->
    </div>
    <!-- 头部上半部分 end -->

    <div style="clear:both;"></div>

    <!-- 导航条部分 start -->
    <div class="nav w1210 bc mt10">
        <!--  商品分类部分 start-->
        <div class="category fl <?php if($_show_nav==0) echo 'cat1'?>" >
            <div class="cat_hd <?php if($_show_nav==0) echo 'off'?>">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，鼠标滑过时展开菜单则将off类换成on类 -->
                <h2>全部商品分类</h2>
                <em></em>
            </div>

            <div class="cat_bd <?php if($_show_nav==0) echo 'none'?>" >
                <?php foreach($catData as $k => $v):?>
                <div class="cat <?php if($_show_nav==0) echo 'item1'?>">
                    <h3><a href="<?php echo U('Search/cat_search?cat_id='.$v['id'],'',FALSE)?>"><?php echo $v['cate_name']?></a> <b></b></h3>
                    <div class="cat_detail none">
                        <?php foreach($v['children'] as $k1 => $v1):?>
                        <dl <?php if($k1 ==0 ) echo 'class =dl_lst'?>>
                            <dt><a href="<?php echo U('Search/cat_search?cat_id='.$v1['id'],'',FALSE)?>"><?php echo $v1['cate_name']?></a></dt>
                            <dd>
                               <?php foreach($v1['children'] as $k2 => $v2):?>
                            <a href="<?php echo U('Search/cat_search?cat_id='.$v2['id'],'',FALSE)?>"><?php echo $v2['cate_name']?></a>
                                <?php endforeach?>
                            </dd>
                        </dl>
                        <?php endforeach?>
                    </div>
                </div>
                <?php endforeach?>
            </div>
        </div>
        <!--  商品分类部分 end-->

        <div class="navitems fl">
            <ul class="fl">
                <li class="current"><a href="">首页</a></li>
                <li><a href="">电脑频道</a></li>
                <li><a href="">家用电器</a></li>
                <li><a href="">品牌大全</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">积分商城</a></li>
                <li><a href="">夺宝奇兵</a></li>
            </ul>
            <div class="right_corner fl"></div>
        </div>
    </div>
    <!-- 导航条部分 end -->
</div>
<!-- 头部 end-->
<div style="clear:both;"></div>
<script>
    <?php $ic=C('IMAGE_CONFIG');?>
    var picView ="<?php echo $ic['viewPath']?>";
    $("#cart_list").mouseover(function () {
        $.ajax({
            type:'GET',
            url:"<?php echo U('Cart/ajaxCartList')?>",
            dataType:'json',
            success:function (data) {
                var html ="<table style='background-color: ivory'>";
                $(data).each(function (k,v) {
                    html +="<tr>";
                    html +='<td style="width: 100px"><img href="#" width="50" src="'+picView+v.mid_logo+'" /></td>';
                    html +='<td>'+v.goods_name+'</td>';
                    html +='</tr>'
                });
                html +='<table>';
                $('#cart_div_list').html(html);
            }
        })
    });

    <?php $config =C('IMAGE_CONFIG')?>
    var viewPath ='<?php echo $config['viewPath']?>';
    $.ajax({
        type: 'GET',
        url: "<?php echo U('Index/displayHistory?id='.$info['id'])?>",
        dataType: 'json',
        success:function (data) {
            var html = "";
            $(data).each(function (k,v) {
                html +='<li><a href="<?php echo U('Index/goods','',FALSE); ?>/id/'+v.id+'"><img src=" '+viewPath+v.mid_logo+'"/></a>' +
                '<a href="<?php echo U('Index/goods','',FALSE);?>/id/'+v.id +'">'+v.goods_name+'</a></li>';
            });
            $("#navhistory").html(html);
        }
    });

    </script>
<!-- 面包屑导航 start -->
<div class="main w1210 mt10 bc">
<div class="breadcrumb">
    <h2>当前位置：
        <a href="<?php echo U('Index/index');?>">首页</a> >
        <?php
 $count =count($catPath); for($i=$count-1;$i>=0;$i--): ?>
        <a href=""><?php echo $catPath[$i]['cate_name']?></a> >
      <?php endfor ?>
      <?php echo $info['goods_name']?>
    </h2>
</div>

    <!-- 主体页面左侧内容 start -->
    <div class="goods_left fl">
        <!-- 相关分类 start -->
        <div class="related_cat leftbar mt10">
            <h2><strong>相关分类</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    <li><a href="">笔记本</a></li>
                    <li><a href="">超极本</a></li>
                    <li><a href="">平板电脑</a></li>
                </ul>
            </div>
        </div>
        <!-- 相关分类 end -->
        <!-- 相关品牌 start -->
        <div class="related_cat	leftbar mt10">
            <h2><strong>同类品牌</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    <li><a href="">D-Link</a></li>
                    <li><a href="">戴尔</a></li>
                    <li><a href="">惠普</a></li>
                    <li><a href="">苹果</a></li>
                    <li><a href="">华硕</a></li>
                    <li><a href="">宏基</a></li>
                    <li><a href="">神舟</a></li>
                </ul>
            </div>
        </div>
        <!-- 相关品牌 end -->
        <!-- 热销排行 start -->
        <div class="hotgoods leftbar mt10">
            <h2><strong>热销排行榜</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    <li></li>
                </ul>
            </div>
        </div>
        <!-- 热销排行 end -->
        <!-- 浏览过该商品的人还浏览了  start 注：因为和list页面newgoods样式相同，故加入了该class -->
        <div class="related_view newgoods leftbar mt10">
            <h2><strong>浏览了该商品的用户还浏览了</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    <li>
                        <dl>
                            <dt><a href=""><img src="../../Public/Home/images/relate_view1.jpg" alt="" /></a></dt>
                            <dd><a href="">ThinkPad E431(62771A7) 14英寸笔记本电脑 (i5-3230 4G 1TB 2G独显 蓝牙 win8)</a></dd>
                            <dd><strong>￥5199.00</strong></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 浏览过该商品的人还浏览了  end -->
        <!-- 最近浏览 start -->
    <div class="viewd leftbar mt10">
        <h2><strong>最近浏览过的商品</strong><a href="">清空</a></h2>
        <div class="leftbar_wrap" id="display_history">

        </div>
    </div>
    <!-- 最近浏览 end -->
    </div>
<div class="goods_content fl mt10 ml10">
    <!-- 商品概要信息 start -->
    <div class="summary">
        <h3><strong><?php echo ($info["goods_name"]); ?></strong></h3>
        <!-- 图片预览区域 start -->
        <div class="preview fl">
            <div class="midpic">
                <a href="<?php echo $viewPath . $info['mbig_logo'];?>" class="jqzoom" rel="gal1">   <!-- 第一幅图片的大图 class 和 rel属性不能更改 -->
                   <?php echo showImage($info['big_logo']) ?>             <!-- 第一幅图片的中图 -->
                </a>
            </div>

            <!--使用说明：此处的预览图效果有三种类型的图片，大图，中图，和小图，取得图片之后，分配到模板的时候，把第一幅图片分配到 上面的midpic 中，其中大图分配到 a 标签的href属性，中图分配到 img 的src上。 下面的smallpic 则表示小图区域，格式固定，在 a 标签的 rel属性中，分别指定了中图（smallimage）和大图（largeimage），img标签则显示小图，按此格式循环生成即可，但在第一个li上，要加上cur类，同时在第一个li 的a标签中，添加类 zoomThumbActive  -->

            <div class="smallpic">
                <a href="javascript:;" id="backward" class="off"></a>
                <a href="javascript:;" id="forward" class="on"></a>
                <div class="smallpic_wrap">
                    <ul>
                        <li class="cur">
                            <a href="javascript:void(0);" rel="{gallery:'gal1', smallimage:'<?php echo $viewPath .$info['big_logo']; ?>',largeimage:'<?php echo $viewPath.$info['mbig_logo']?>'}" class = "zoomThumbActive"><?php echo showImage($info['sm_logo'])?></a>
                        </li>
                        <?php foreach($gpData as $k => $v): ?>
                        <li>
                            <a  href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: '<?php echo $viewPath . $v['mid_pic']?>',largeimage: '<?php echo $viewPath .$v['big_pic']?>'}"><?php echo showImage($v['sm_pic'])?></a>
                        </li>
                        <?php endforeach?>
                    </ul>
                </div>
            </div>
        </div>
    <!-- 图片预览区域 end -->

    <!-- 商品基本信息区域 start -->
    <div class="goodsinfo fl ml10">
            <ul>
                <li><span>商品编号： </span><?php echo ($info["id"]); ?></li>
                <li class="market_price"><span>定价：</span><em>￥<?php echo ($info["market_price"]); ?></em></li>
                <li class="shop_price"><span>本店价：</span> <strong>￥<?php echo ($info["shop_price"]); ?></strong> <a href="">(降价通知)</a></li>
                <li class="star"><span>会员价格：</span>
                    <p>
                        <table border="1" cellpadding="5" cellspacing="5" width="30%">
                        <?php foreach($mpData as $k =>$v):?>
                        <tr>
                            <td><?php echo ($v["level_name"]); ?></td>
                            <td>￥<?php echo ($v["price"]); ?>元</td>
                        </tr>
                        <?php endforeach?>
                    </table>
                    </p>
                </li>
                <li class="shop_price"><span>购买价格：</span><strong style="font-size: 20px" id="price"></strong></li>
                <li class="star"><span>商品评分：</span> <strong></strong><a href="">(已有21人评价)</a></li> <!-- 此处的星级切换css即可 默认为5星 star4 表示4星 star3 表示3星 star2表示2星 star1表示1星 -->
            </ul>
            <form action="<?php echo U('Cart/add');?>" method="post" class="choose">
                <input type="hidden" name="goods_id" value="<?php echo ($info["id"]); ?>"/>
                <ul>
                    <?php foreach($mulArr as $k=>$v):?>
                    <li class="product">
                        <dl>
                            <dt><?php echo $k?>：</dt>
                            <dd>
                                <?php foreach($v as $k1=>$v1):?>
                                <a <?php if($k1==0) echo 'class= "selected"'?> href="javascript:;">
                                <?php echo ($v1["attr_value"]); ?>
                                <input <?php if($k1 == 0) echo 'checked="checked"'?> type="radio"
                                name="goods_attr_id[<?php echo $v1['attr_id']?>]" value="<?php echo ($v1["id"]); ?>"/>
                                </a>
                              <?php endforeach?>
                            </dd>
                        </dl>
                    </li>
                    <?php endforeach?>
                    <li>
                        <dl>
                            <dt>购买数量：</dt>
                            <dd>
                                <a href="javascript:;" id="reduce_num"></a>
                                <input type="text" name="goods_number" value="1" class="amount"/>
                                <a href="javascript:;" id="add_num"></a>
                            </dd>
                        </dl>
                    </li>

                    <li>
                        <dl>
                            <dt>&nbsp;</dt>
                            <dd>
                                <input type="submit" value="" class="add_btn" />
                            </dd>
                        </dl>
                    </li>

                </ul>
            </form>
        </div>
        <!-- 商品基本信息区域 end -->
    </div>
    <!-- 商品概要信息 end -->

    <div style="clear:both;"></div>

    <!-- 商品详情 start -->
    <div class="detail">
        <div class="detail_hd">
            <ul>
                <li class="first"><span>商品介绍</span></li>
                <li class="on"><span>商品评价</span></li>
                <li><span>售后保障</span></li>
            </ul>
        </div>
        <div class="detail_bd">
            <!-- 商品介绍 start -->
            <div class="introduce detail_div none">
                <div class="attr mt15">
                    <ul>
                        <li><span>商品编号：</span><?php echo ($info["id"]); ?></li>
                        <li><span>品牌：</span><?php echo ($info["brand"]); ?></li>
                        <li><span>上架时间：</span><?php echo ($info["addtime"]); ?></li>
                        <?php foreach($uniArr as $k =>$v):?>
                        <li><span><?php echo ($v["attr_name"]); ?>:</span><span><?php echo ($v["attr_value"]); ?>:</span></li>
                        <?php endforeach?>
                    </ul>
                </div>

                <div class="desc mt10">
                    <?php echo ($info["goods_desc"]); ?>
                </div>
            </div>
            <!-- 商品介绍 end -->
            <!-- 商品评论 start -->
            <div class="comment detail_div mt10">
                <div class="comment_summary">
                    <div class="rate fl">
                        <strong><em class="hao"></em>%</strong> <br />
                        <span>好评度</span>
                    </div>
                    <div class="percent fl">
                        <dl>
                            <dt>好评(<span class="hao"></span>%)</dt>
                            <dd><div id="hao_width"></div></dd>
                        </dl>
                        <dl>
                            <dt>中评(<span class="zhong"></span>%)</dt>
                            <dd><div id="zhong_width"></div></dd>
                        </dl>
                        <dl>
                            <dt>差评(<span class="cha"></span>%)</dt>
                            <dd><div id="cha_width"></div></dd>
                        </dl>
                    </div>
                    <div class="buyer fl">
                        <dl>
                            <dt>买家印象：</dt>
                        </dl>
                    </div>
                </div>
                </div>
                </div>
                    <div id="comment_container"></div>
                </div>
                <!-- 分页信息 start -->
                <div class="page mt20">
                    <a href="">首页</a>
                    <a href="">上一页</a>
                    <a href="">1</a>
                    <a href="">2</a>
                    <a href="" class="cur">3</a>
                    <a href="">4</a>
                    <a href="">5</a>
                    <a href="">下一页</a>
                    <a href="">尾页</a>
                </div>
                <!-- 分页信息 end -->

                <!--  评论表单 start-->
    <div class="comment_form mt20">
        <form id="Comment_form">
            <input type="hidden" name="goods_id" value="<?php echo $info['id'];?>"/>
            <ul>
                <li>
                    <label for=""> 评分：</label>
                    <input type="radio" name="star" value="5" checked="checked"/> <strong class="star star5"></strong>
                    <input type="radio" name="star" value="4"/> <strong class="star star4"></strong>
                    <input type="radio" name="star" value="3"/> <strong class="star star3"></strong>
                    <input type="radio" name="star" value="2"/> <strong class="star star2"></strong>
                    <input type="radio" name="star" value="1"/> <strong class="star star1"></strong>
                </li>

                <li>
                    <label for="">评价内容：</label>
                    <textarea name="content" id="" cols="" rows=""></textarea>
                </li>
                <li id="mjyx">
                    <label for="">买家印象：</label>
                    <input type="text" name="yx_name" size="60"/>多个印象用,号隔开
                </li>
                <li>
                    <label for="">&nbsp;</label>
                    <input type="button" value="提交评论"  class="comment_btn"/>
                </li>
            </ul>
        </form>
    </div>
                <!--  评论表单 end-->

            </div>
            <!-- 商品评论 end -->

            <!-- 售后保障 start -->
            <div class="after_sale mt15 none detail_div">
                <div>
                    <p>本产品全国联保，享受三包服务，质保期为：一年质保 <br />如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！</p>
                    <p>售后服务电话：800-898-9006 <br />品牌官方网站：http://www.lenovo.com.cn/</p>

                </div>

                <div>
                    <h3>服务承诺：</h3>
                    <p>本商城向您保证所售商品均为正品行货，京东自营商品自带机打发票，与商品一起寄送。凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由本商城联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。本商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！</p>

                    <p>注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</p>

                </div>

                <div>
                    <h3>权利声明：</h3>
                    <p>本商城上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东商城重要的经营资源，未经许可，禁止非法转载使用。</p>
                    <p>注：本站商品信息均来自于厂商，其真实性、准确性和合法性由信息拥有者（厂商）负责。本站不提供任何保证，并不承担任何法律责任。</p>

                </div>
            </div>
            <!-- 售后保障 end -->

        </div>
    </div>
    <!-- 商品详情 end -->


</div>
<!-- 商品信息内容 end -->
<link rel="stylesheet" href="/Public/jquery-ui-1.9.2.custom/css/ui-lightness/jquery-ui-1.9.2.custom.css">
<script src="/Public/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js"></script>
<div id="login_dialog" class="none" title="登录表单">
    <form id="login_form">
        <ul>
            <li>
                <label for="">用户名:</label>
                <input type="text" class="txt" name="username"/>
            </li>
            <li>
                <label for="">密码</label>
                <input type="password" class="txt" name="password"/>
            </li>
            <li class="checkcode">
                <label for="">验证码</label>
                <input type="text" name="chkcode"/><br/>
                <img style="..." onclick="this.src='<?php echo U('Member/checkCode');?>#'+Math.random();"
                     src="<?php echo U('Member/checkCode');?>"/>
            </li>
        </ul>
    </form>
</div>
</div>
<!-- 商品页面主体 end -->
<div style="clear:both;"></div>
<!-- 底部导航 start -->
<div class="bottomnav w1210 bc mt10">
    <div class="bnav1">
        <h3><b></b> <em>购物指南</em></h3>
        <ul>
            <li><a href="">购物流程</a></li>
            <li><a href="">会员介绍</a></li>
            <li><a href="">团购/机票/充值/点卡</a></li>
            <li><a href="">常见问题</a></li>
            <li><a href="">大家电</a></li>
            <li><a href="">联系客服</a></li>
        </ul>
    </div>

    <div class="bnav2">
        <h3><b></b> <em>配送方式</em></h3>
        <ul>
            <li><a href="">上门自提</a></li>
            <li><a href="">快速运输</a></li>
            <li><a href="">特快专递（EMS）</a></li>
            <li><a href="">如何送礼</a></li>
            <li><a href="">海外购物</a></li>
        </ul>
    </div>


    <div class="bnav3">
        <h3><b></b> <em>支付方式</em></h3>
        <ul>
            <li><a href="">货到付款</a></li>
            <li><a href="">在线支付</a></li>
            <li><a href="">分期付款</a></li>
            <li><a href="">邮局汇款</a></li>
            <li><a href="">公司转账</a></li>
        </ul>
    </div>

    <div class="bnav4">
        <h3><b></b> <em>售后服务</em></h3>
        <ul>
            <li><a href="">退换货政策</a></li>
            <li><a href="">退换货流程</a></li>
            <li><a href="">价格保护</a></li>
            <li><a href="">退款说明</a></li>
            <li><a href="">返修/退换货</a></li>
            <li><a href="">退款申请</a></li>
        </ul>
    </div>

    <div class="bnav5">
        <h3><b></b> <em>特色服务</em></h3>
        <ul>
            <li><a href="">夺宝岛</a></li>
            <li><a href="">DIY装机</a></li>
            <li><a href="">延保服务</a></li>
            <li><a href="">家电下乡</a></li>
            <li><a href="">京东礼品卡</a></li>
            <li><a href="">能效补贴</a></li>
        </ul>
    </div>
</div>


<style>
    .reply_container{margin-top:25px;}
    .reply_container li{min-height: 70px;margin:3px;background:#DAF1DA;padding:5px;}
    .reply_container li p{margin-top:10px;}
    .reply_container img{float:right;}
</style>
    <script>
        //历史浏览记录
        <?php $config =C('IMAGE_CONFIG')?>
        var viewPath ='<?php echo $config['viewPath']?>';
        $.ajax({
            type: 'GET',
            url: "<?php echo U('Index/displayHistory?id='.$info['id'])?>",
            dataType: 'json',
            success:function (data) {
                var html=       "";
                $(data).each(function (k,v) {
                    html +='<dl><dt><a href="<?php echo U('goods','',FALSE); ?>/id/'+v.id+'"><img src=" '+viewPath+v.mid_logo+'"/></a></dt><dd> ' +
                    '<a href="<?php echo U('goods','',FALSE);?>/id/'+v.id +'">'+v.goods_name+'</a></dd></dl>';
                });
                $("#display_history").html(html);
            }
        });

        $.ajax({
            type:'GET',
            url:"<?php echo U('ajaxGetMemberPrice?goods_id='.$info['id']); ?>",
            success:function(data){
                $("#price").html("￥"+data+"元")
            }
        })

//Ajax发表评论
$(".comment_btn").click(function () {
    var form =$("#Comment_form");
    var formData = form.serialize();
    $.ajax({
        type:"POST",
        url:"<?php echo U('Comment/add');?>",
        data:formData,
        dataType:"json",
        success:function (data) {
            if(data.status==0){
                if(data.info =='必须先登录！'){
                    $('#login_dialog').dialog('open');
                }else{
                    alert(data.info);
                }
            }
            else{
                form.trigger("reset");//触发表单reset事件
                var html ='<div class="comment_items mt10 none"><div class="user_pic"><dl><dt><a href =""><img src="'+data.info.face+'"alt=""/>'
                +'</a></dt><dd><a href="">'+data.info.username+'</a><dd></dl></div><div class="item"><div class="title"><span>'
                +data.info.addtime+'</span><strong class="star star'+data.info.star+'"></strong></div><div class="comment_content">'
                +data.info.content+'</div><div class="btns"><a href="javascript:void(0);" onclick="do_reply(this,'+data.info.id+');" '+
                'class="reply">回复(0)></a><a href="" class="useful">有用(0)</a></div><div class="reply_form"></div>'+
                '<ul class="reply_container"></ul></div><div class="cornor"></div></div>';
                html = $(html);
                $("#comment_container").prepend(html);
                $("body").animate({
                    "scrollTop":"750px"
                },1000,function () {
                    html.fadeIn(2000);
                });
                window.location.reload();
            }
        }
    });
});

        //配置对话框
        $('#login_dialog').dialog({
            resizable:false,
            position:{at:"center"},
            modal:true,
            autoOpen:false,
            width:400,
            buttons:[
                {
                    text:"登录",
                    click:function () {
                        //ajax提交表单
                        $.ajax({
                            type:"POST",
                            url:"<?php echo U('Member/login');?>",
                            data: $("#login_form").serialize(),
                            dataType:"json",
                            success:function (data) {
                                if(data.status==1){
                                    is_login =1;
                                    $("#login_dialog").dialog("close");
                                    window.location.reload();
                                }else
                                    alert(data.info);
                            }
                        });
                    }
                },
                {
                    text:"取消",
                    click:function () {
                        $(this).dialog("close");
                    }
                }
            ]
        });

        var cache =[];
        function getCache(page) {
            for(var i=0;i<cache.length;i++){
                if(cache[i][0] == page)
                    return cache[i];
            }
            return false;
        }
        //获取某一页的评论
        function ajaxGetpl(page) {
            var c =getCache(page);
            if(c != false){
                $("#comment_container").html(c[1]);
                $('.page').html(c[2]);
                return;
            }
        $.ajax({
            type:"GET",
            url:"<?php echo U('Comment/ajaxGetPl?goods_id='.$info['id'],'',FALSE);?>/p/"+page,
            dataType:"json",
            success:function (data) {
                is_login=data.memberId;
                var html="";
                $(data.data).each(function (k,v) {
                    var hfhtml="";
                    $(v.reply).each(function (k1,v1) {
                        hfhtml += '<li><img src ="'+v1.face+'" width="50"/>'+v1.username+'['+v1.addtime+'] 回复：<p>'+v1.content+'</p></li>'
                    });
                    html +='<div class="comment_items mt10"><div class="user_pic"><dl><dt><a href =""><img src="'+v.face+'"alt=""/></a></dt><dd>'+
                            '<a href="">'+v.username+'</a></dd></dl></div><div class="item"><div class="title"><span>'+v.addtime+'</span>'+
                            '<strong class="star star'+v.star+'"></strong></div><div class="comment_content">'+v.content+'</div><div class="btns">'+
                            '<a href="javascript:void(0);" onclick="do_reply(this,'+v.id+');"class="reply">回复('+v.reply_count+')</a>'+
                            '<a href="javascript:void(0)" onclick="useful" class="useful">有用('+v.click_count+')</a></div><div class="reply_form"></div><ul class="reply_container">'+
                            hfhtml+'</ul></div><div class="cornor"></div></div>';
                });
                //放到页面中覆盖原数据
                $("#comment_container").html(html);
                var pageString = "";
                for(var i=1; i<=data.pageCount;i++){
                    if(page==i)
                        var cls='class="cur"'
                    else
                        var cls="";
                    pageString += '<a '+cls+'onclick="ajaxGetpl('+i+');" href="javascript:void(0);">'+i+'</a>';
                }
                $('.page').html(pageString);
                cache.push([page,html,pageString]);
                if(page == 1){
                    $(".hao").html(data.hao);
                    $("#hao_width").css("width",data.hao+"px");

                    $(".zhong").html(data.zhong);
                    $("#zhong_width").css("width",data.zhong+"px");

                    $(".cha").html(data.cha);
                    $("#cha_width").css("width",data.cha+"px");

                    var yxhtml="";
                    var yxChkHtml ="";
                    $(data.yxData).each(function (k,v) {
                        yxhtml += '<dd><span>'+v.yx_name+'</span><em>('+v.yx_count+')</em></dd>';
                        yxChkHtml += '<input type="checkbox" name="yx_id[]" value="'+v.id+'"/>'+v.yx_name+'';
                    });
                    $(".buyer dl").append(yxhtml);
                    if(yxChkHtml !="")
                        $("#mjyx").before('<li><label for="">选择印象:</label>'+yxChkHtml+'</li>');
                }
            }
        });
        }
        var is_login = 0;//是否登录
        function do_reply(btn, commentId) {
            var div = $(btn).parent().next("div");
            //在回复按钮的下面构造一个回复的表单
            var replyForm ='<br/><hr style="clear:both;margin-top:15px"/><form><input type="hidden" name="comment_id" value="'+commentId+'">'+
                            '<textarea name="content" style="width:100%" rows="6"></textarea><br/><br/>'+
                            '<input type="button" onclick="post_reply(this)" value="回复"/>'+
                            '<input onclick="close_reply(this);" type="button" value="取消"/>'+
                            '</form>';
            //放在按钮后面
            div.html(replyForm);
            //判断有没有登录
            if(is_login <='0'){
                $("#login_dialog").dialog("open")
            }
        }
        function close_reply(btn) {
            var div= $(btn).parent().parent();
            div.html('');
        }
        function post_reply(btn){
            var formData = $(btn).parent().serialize();
            $.ajax({
                type:"POST",
                url:"<?php echo U('Comment/reply');?>",
                data:formData,
                dataType:"json",
                success:function (data) {
                    if(data.status==1){
                        var html ='<li><img src"'+data.info.face+'" width="50"/>'+data.info.username+'['+data.info.addtime+'] 回复:<p>'+
                                        data.info.content+'</p></li>';
                        $(btn).parent().parent().next("ul").append(html);
                        //把表单去掉
                        $(btn).parent().parent().html('');
                    }else{
                        //未登录就显示弹出窗口
                        if(data.info == '必须先登录!'){
                            $("#login_dialog").dialog("open");
                        }else{
                            alert(data.info);
                        }
                    }
                }
            });
        }
        ajaxGetpl(1);
    </script>

<?php if($_show_nav==1): ?>
<div style="clear:both;"></div>
<!-- 底部导航 start -->
<div class="bottomnav w1210 bc mt10">
    <div class="bnav1">
        <h3><b></b> <em>购物指南</em></h3>
        <ul>
            <li><a href="">购物流程</a></li>
            <li><a href="">会员介绍</a></li>
            <li><a href="">团购/机票/充值/点卡</a></li>
            <li><a href="">常见问题</a></li>
            <li><a href="">大家电</a></li>
            <li><a href="">联系客服</a></li>
        </ul>
    </div>

    <div class="bnav2">
        <h3><b></b> <em>配送方式</em></h3>
        <ul>
            <li><a href="">上门自提</a></li>
            <li><a href="">快速运输</a></li>
            <li><a href="">特快专递（EMS）</a></li>
            <li><a href="">如何送礼</a></li>
            <li><a href="">海外购物</a></li>
        </ul>
    </div>


    <div class="bnav3">
        <h3><b></b> <em>支付方式</em></h3>
        <ul>
            <li><a href="">货到付款</a></li>
            <li><a href="">在线支付</a></li>
            <li><a href="">分期付款</a></li>
            <li><a href="">邮局汇款</a></li>
            <li><a href="">公司转账</a></li>
        </ul>
    </div>

    <div class="bnav4">
        <h3><b></b> <em>售后服务</em></h3>
        <ul>
            <li><a href="">退换货政策</a></li>
            <li><a href="">退换货流程</a></li>
            <li><a href="">价格保护</a></li>
            <li><a href="">退款说明</a></li>
            <li><a href="">返修/退换货</a></li>
            <li><a href="">退款申请</a></li>
        </ul>
    </div>

    <div class="bnav5">
        <h3><b></b> <em>特色服务</em></h3>
        <ul>
            <li><a href="">夺宝岛</a></li>
            <li><a href="">DIY装机</a></li>
            <li><a href="">延保服务</a></li>
            <li><a href="">家电下乡</a></li>
            <li><a href="">京东礼品卡</a></li>
            <li><a href="">能效补贴</a></li>
        </ul>
    </div>
</div>


<?php endif;?>

<!-- 底部版权 start -->
<div style="clear:both;"></div>
<div class="footer w1210 bc mt10">
    <p class="links">
        <a href="">关于我们</a> |
        <a href="">联系我们</a> |
        <a href="">人才招聘</a> |
        <a href="">商家入驻</a> |
        <a href="">千寻网</a> |
        <a href="">奢侈品网</a> |
        <a href="">广告服务</a> |
        <a href="">移动终端</a> |
        <a href="">友情链接</a> |
        <a href="">销售联盟</a> |
        <a href="">京西论坛</a>
    </p>
    <p class="copyright">
        © 2005-2013 京东网上商城 版权所有，并保留所有权利。  ICP备案证书号:京ICP证070359号
    </p>
    <p class="auth">
        <a href=""><img src="/Public/Home/images/xin.png" alt="" /></a>
        <a href=""><img src="/Public/Home/images/kexin.jpg" alt="" /></a>
        <a href=""><img src="/Public/Home/images/police.jpg" alt="" /></a>
        <a href=""><img src="/Public/Home/images/beian.gif" alt="" /></a>
    </p>
</div>
<!-- 底部版权 end -->
</body>
</html>
<script>
    $.ajax({
        type:'GET',
        url: "<?php echo U('Member/ajaxChkLogin');?>",
        dataType:'json',
        success:function (data) {
            if(data.login ==1){
                var li ='您好,'+ data.username + '[<a href="<?php echo U('Member/logout');?>">退出</a>]';
                $('#loginInfo').html(li);
            }else{
                var li ='您好,欢迎来到京西![<a href="<?php echo U('Member/login');?>">登录</a>] [<a href="<?php echo U('Member/regist') ?>">免费注册</a>]';
                $('#loginInfo').html(li);
            }
        }
    });
</script>